<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/yangmatou.css">
    <link rel="stylesheet" href="./font_2884414_o0pjv0om3zi/iconfont.css">
</head>

<body>
    <header></header>
    <main>
        <!-- banner -->
        <div id="banner">
            <ul>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <button class="btn_l iconfont icon-youjiantou"></button>
            <button class="btn_r iconfont icon-left"></button>
        </div>
        <div class="banner-nav">
            <ul>
                <li> 海外正品</li><span>|</span>
                <li> 严格监管</li><span>|</span>
                <li> 买手认证</li><span>|</span>
                <li> 售后无忧</li>
            </ul>
        </div>


        <!-- 必买清单 -->
        <div class="must-buy container">
            <div class="must-buy-top">
                <h1>全球必买清单</h1>
                <span><a href="javascript:;">更多</a></span>
            </div>

            <div class="must-buy-goods">
                <a href="javascript:;">
                    <div class="must-buy-goods-introduce must-buy-goods-introduce-one">
                        <div class="must-buy-goods-introduce-main">给肌肤补水，告别干燥肌</div>
                    </div>
                </a>
                <ul>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>

            <div class="must-buy-goods">
                <a href="javascript:;">
                    <div class="must-buy-goods-introduce must-buy-goods-introduce-two">
                        <div class="must-buy-goods-introduce-main">给肌肤补水，告别干燥肌</div>
                    </div>
                </a>

                <ul>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>

            <div class="must-buy-goods">
                <a href="javascript">
                    <div class="must-buy-goods-introduce must-buy-goods-introduce-three">
                        <div class="must-buy-goods-introduce-main">做好防晒，出街也要大大方方</div>
                    </div>
                </a>
                <ul>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
        </div>

        <div class="must-buy-top container">
            <h1>分类</h1>
            <span><a href="http://localhost/object/productList.html">更多</a></span>
        </div>
        <!-- <div class=" "> -->
        <div class="classification container">
            <div class="classification-l l">
                <a href="http://localhost/object/productList.html">
                    <div class="classification-l-d classification-l-d-one">

                        <span>大牌包包</span>
                    </div>
                </a>
                <a href="http://localhost/object/productList.html">
                    <div class="classification-l-d classification-l-d-two">

                        <span>潮流鞋服</span>
                    </div>
                </a>
                <a href="http://localhost/object/productList.html">
                    <div class="classification-l-d classification-l-d-three">

                        <span>美颜护肤</span>
                    </div>
                </a>
            </div>
            <div class="classification-m l">
                <div class="line">
                    <h3>包治百病</h3>
                </div>
                <ul>
                    <li>

                    </li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
                <div class="line">
                    <h3>包治百病</h3>
                </div>
                <ul>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
                <div class="line">
                    <h3>包治百病</h3>
                </div>
                <ul>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
            <div class="classification-r r">
                <div class="line2">
                    <h3>热门主题</h3>
                </div>
                <span><a href="javascript:;">做好防晒，出街也要落落大方</a></span>
                <span><a href="javascript:;">做好防晒，出街也要落落大方</a></span>
            </div>

        </div>
        <!-- </div> -->

        <div class="container">
            <div id="fenye">
                <div class="fenye-child fenye-child-one">
                    <ul>

                        <li>
                            <a href="javascript:;">
                                <img src="" alt="">
                                <span></span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="" alt="">
                                <span></span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="" alt="">
                                <span></span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="" alt="">
                                <span></span>
                            </a>
                        </li>
                    </ul>
                    <h3>包包</h3>
                    <button class="r btn-r">></button>
                    <button class="l btn-l">
                        < </button>
                </div>
                <div class="fenye-child fenye-child-two">
                    <ul>

                        <li>
                            <a href="javascript:;">
                                <img src="" alt="">
                                <span></span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="" alt="">
                                <span></span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="" alt="">
                                <span></span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="" alt="">
                                <span></span>
                            </a>
                        </li>
                    </ul>
                    <h3>裙装</h3>
                    <button class="r btn-r">></button>
                    <button class="l btn-l">
                        < </button>
                </div>
                <div class="fenye-child fenye-child-three">
                    <ul>

                        <li>
                            <a href="javascript:;">
                                <img src="" alt="">
                                <span></span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="" alt="">
                                <span></span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="" alt="">
                                <span></span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="" alt="">
                                <span></span>
                            </a>
                        </li>
                    </ul>
                    <h3>美鞋</h3>
                    <button class="r btn-r">></button>
                    <button class="l btn-l">
                        < </button>
                </div>
                <div class="fenye-child fenye-child-four">
                    <ul>
                        <li>
                            <a href="javascript:;">
                                <img src="" alt="">
                                <span></span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="" alt="">
                                <span></span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="" alt="">
                                <span></span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="" alt="">
                                <span></span>
                            </a>
                        </li>
                    </ul>
                    <h3>日本药妆</h3>
                    <button class="r btn-r">></button>
                    <button class="l btn-l">
                        < </button>
                </div>
                <div class="fenye-child fenye-child-five">
                    <ul>

                        <li>
                            <a href="javascript:;">
                                <img src="" alt="">
                                <span></span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="" alt="">
                                <span></span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="" alt="">
                                <span></span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="" alt="">
                                <span></span>
                            </a>
                        </li>
                        
                    </ul>
                    <h3>韩式护肤</h3>
                    <button class="r btn-r">></button>
                    <button class="l btn-l">
                        < </button>
                </div>
            </div>
        </div>


        <div class="must-buy-top container">
            <h1>热卖地</h1>
        </div>
        <!-- 热卖 -->
        <div class="container" id="remai">
            <a href="javascript:;" class="remai remai-beimei">
                <span></span>
            </a>
            <a href="javascript:;" class="remai remai-ouzhou">
                <span></span>
            </a>
            <a href="javascript:;" class="remai remai-yazhou">
                <span></span>
            </a>
            <a href="javascript:;" class="remai remai-aoxin">
                <span></span>
            </a>
        </div>

        <div class="must-buy-top container">
            <h1>猜你喜欢</h1>
        </div>

        <div class="container" id="youlove">
            <ul class="youlove">

            </ul>
        </div>

        <h3 class="moregoods container">点击加载更多</h3>
    </main>
    <footer></footer>
    <div class="renwu-chacao"></div>
</body>

</html>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
<script src="./js/must-buy-data.js"></script>
<script src="./js/yangmatou.js"></script>
<script src="./js/cookie.js"></script>
<script>

    $('header').load("./HeaderAll.html")
    $('footer').load("./Footer.html")
    $('.renwu-chacao').load("./renwu.html")

    // $(document).ready(function () {
    //     if (getCookie('name') != '' || getCookie('pass') != '') {
    //         console.log(getCookie('name'));
    //         console.log(getCookie('pass'));
    //         console.log($("#header-login"));
    //         $("#header-login").css({ display: "none" })
    //         $("#header-zhuce").css({ display: "none" })
    //     } else {
    //         // $('a').attr("href", 'javascript:;')
    //     }
    // })


</script>